<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!doctype html>
<html lang="zh" data-theme="dark">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="<c:url value='/assets/css/tailwind.output.css'/>">
    <link rel="stylesheet" href="<c:url value='/assets/css/toastr.min.css'/>">
    <script type="text/javascript" src="<c:url value='/assets/js/http/axios_client.js'/>"></script>
    <script type="text/javascript" src="<c:url value='/assets/js/admin/admin_kanban.js'/>"></script>
    <script type="text/javascript" src="<c:url value='/assets/js/echarts.min.js'/>"></script>
    <script type="text/javascript" src="<c:url value='/assets/js/axios.min.js'/>"></script>
    <script type="text/javascript" src="<c:url value='/assets/js/jquery-3.6.0.min.js'/>"></script>
    <script type="text/javascript" src="<c:url value='/assets/js/toastr.min.js'/>"></script>
    <title>搜索结果 - 转生贵族凭鉴定技能扭转人生第二季</title>
</head>
<body class="bg-base-200">
<div class="container mx-auto px-4">
    <!-- Header -->
    <header class="navbar bg-base-100 rounded-box mt-4 shadow-xl">
        <div class="flex-1">
            <a class="btn btn-ghost text-xl normal-case">影视搜索</a>
        </div>
        <div class="flex-none gap-2">
            <div class="form-control">
                <input type="text" placeholder="搜索" class="input input-bordered w-24 md:w-auto" value="转生贵族凭鉴定技能扭转人生第二季" />
            </div>
            <button class="btn btn-primary">搜索</button>
        </div>
    </header>

    <!-- Search Results -->
    <main class="mt-8">
        <h2 class="mb-4 text-2xl font-bold">搜索结果：转生贵族凭鉴定技能扭转人生第二季</h2>
        <div class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3">
            <!-- Result Item 1 -->
            <div class="card bg-base-100 shadow-xl">
                <figure><img src="https://via.placeholder.com/300x200" alt="剧集封面" /></figure>
                <div class="card-body">
                    <h2 class="card-title">转生贵族凭鉴定技能扭转人生 第二季</h2>
                    <p>更新至第8集</p>
                    <div class="card-actions justify-end">
                        <button class="btn btn-primary">观看</button>
                    </div>
                </div>
            </div>
            <!-- Result Item 2 -->
            <div class="card bg-base-100 shadow-xl">
                <figure><img src="https://via.placeholder.com/300x200" alt="剧集封面" /></figure>
                <div class="card-body">
                    <h2 class="card-title">转生贵族凭鉴定技能扭转人生 第一季</h2>
                    <p>全12集</p>
                    <div class="card-actions justify-end">
                        <button class="btn btn-primary">观看</button>
                    </div>
                </div>
            </div>
            <!-- Result Item 3 -->
            <div class="card bg-base-100 shadow-xl">
                <figure><img src="https://via.placeholder.com/300x200" alt="剧集封面" /></figure>
                <div class="card-body">
                    <h2 class="card-title">转生贵族凭鉴定技能扭转人生 OVA</h2>
                    <p>全1集</p>
                    <div class="card-actions justify-end">
                        <button class="btn btn-primary">观看</button>
                    </div>
                </div>
            </div>
        </div>
    </main>

    <!-- Pagination -->
    <div class="mt-8 flex justify-center">
        <div class="join">
            <button class="join-item btn">«</button>
            <button class="join-item btn btn-active">1</button>
            <button class="join-item btn">2</button>
            <button class="join-item btn">3</button>
            <button class="join-item btn">4</button>
            <button class="join-item btn">»</button>
        </div>
    </div>
</div>
<%-- 脚注 --%>
<jsp:include page="/include/footer_bar.jsp"/>
<jsp:include page="/include/hover_theme_controller.jsp"/>
</body>
</html>
